<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>添加演示</title>
    <link rel="stylesheet" href="/static/layui/css/layui.css">
    <!-- <link rel="stylesheet" href="./bootstrap/css/bootstrap.min.css"> -->
    <style>
        .layui-layout-admin .layui-logo {
            left: 2rem;
            text-align: left;
            color: #fff;
        }

        #card-show a:hover {
            background-color: yellow;
            bottom: 2rem;
        }
    </style>
</head>

<body style="background-color: #F3F5F6;">
    <div class="layui-layout layui-layout-admin">
        <!-- 顶部导航栏 -->
        <div class="layui-header header">
            <div class="layui-logo">问卷调查</div>
            <ul class="layui-nav " lay-filter="" style="margin-left: 6rem;">
                <li class="layui-nav-item"><a href="/">我的项目</a></li>
                <li class="layui-nav-item"><a href="/show">数据</a></li>
                
            </ul>
            <!-- 顶部状态栏右侧 -->
            <ul class="layui-nav layui-layout-right">
                <li class="layui-nav-item">
                    <a href=""><img src="./imgs/boy-avatar.png" class="layui-nav-img">{{nickname}}</a>
                    <!-- <a href="">{{nickname}}</a> -->
                    <dl class="layui-nav-child">
                        <!-- <dd><a href="javascript:;">修改信息</a></dd>
                        <dd><a href="javascript:;">安全管理</a></dd> -->
                        <dd><a href="javascript:;" onclick="logout()">退了</a></dd>
                    </dl>
                </li>
            </ul>
        </div>


        <!--右侧主体内容区-->
        <div class="layui-body" style="left: 0rem;margin-top: 1rem;">
            <!-- <div class="layui-container">  -->
            <div class="layui-row">
                <div class="layui-col-md1 layui-col-xs1 layui-col-sm1">
                    &nbsp;
                </div>
                <div class="layui-col-md10 layui-col-xs10 layui-col-sm10">

                    <div class="layui-col-md12 layui-col-xs12 layui-col-sm12">
                        <div class="layui-panel">
                            <div style="padding: 5rem;text-align: center"><i class="layui-icon layui-icon-face-smile"
                                    style="font-size: 3rem; color: #5FB878;"> 你已经成功创建问卷了！</i> </div>
                        </div>
                    </div>
                    <!-- <div id="btn" style="margin-right: 55rem;text-align: center;">

                    </div> -->
                    <div class="layui-row">
                        <div class="layui-col-md1 layui-col-sm1 layui-col-xs1">
                            <button type="button" class="layui-btn" onclick="share()"
                                style="margin-top: 2rem;">分享问卷</button>
                        </div>
                        <div
                            class="layui-col-md1 layui-col-md-offset10 layui-col-xs1 layui-col-xs-offset7 layui-col-sm1 layui-col-sm-offset9">
                            <button type="button" class="layui-btn layui-btn-primary" onclick="cancel()"
                                style="margin-top: 2rem;">回到首页</button>
                        </div>
                    </div>



                </div>
                <div class="layui-col-md1 layui-col-xs1 layui-col-sm1">
                    &nbsp;
                </div>
            </div>
            <!-- </div> -->



        </div>


        <div class="layui-footer" style="left: 0rem;">
            <!-- 底部固定区域 -->
            © layui.com - 底部固定区域
        </div>
    </div>

    <script src="/static/js/jquery-3.6.0.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/clipboard@2.0.8/dist/clipboard.min.js"></script>

    <script src="https://cdn.bootcss.com/axios/0.18.0/axios.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script src="/static/layui/layui.js"></script>
    <script>
        // 注销
        function logout() {
            layer.open({
                title: "注销",
                content: "是否退出当前用户？", //这里content是一个DOM，注意：最好该元素要存放在body最外层，否则可能被其它的相对元素所影响
                btn: ['注销', '取消']
                , yes: function (index, layero) {
                    axios({
                        method: 'post',
                        url: '/logout'
                    }).then(function (response) {
                        // axios工具下，服务器真正返回的数据在返回对象的data中
                        let res = response.data;
                        if (res.code === 200) {
                            window.location.href = '/login';
                        }
                    })
                }
                , btn2: function (index, layero) {
                    //按钮【按钮二】的回调

                    // return false //开启该代码可禁止点击该按钮关闭
                }
            })
        }
        // 复制内容到剪切板
        function copyText(text) {
            var input = document.createElement('input');

            input.setAttribute('id', 'input_for_copyText');
            input.value = text;

            document.getElementsByTagName('body')[0].appendChild(input);
            document.getElementById('input_for_copyText').select();
            document.execCommand('copy');
            document.getElementById('input_for_copyText').remove();
        }
        function share() {
            let id = Number(location.search.substring(4));
            let host = window.location.host + "/countShow?id=" + id;;
            // let url =  window.location.href = "/countShow?id="+id;
            layer.open({
                title: "分享链接",
                content: host, //这里content是一个DOM，注意：最好该元素要存放在body最外层，否则可能被其它的相对元素所影响
                btn: ['复制链接', '取消']
                , yes: function (index, layero) {
                    if(host!==null && host!==""){
                        copyText(host);
                        layer.msg('复制成功');
                    }else{
                        layer.msg('复制失败,链接为空');
                    }
                }
                , btn2: function (index, layero) {
                    //按钮【按钮二】的回调

                    // return false //开启该代码可禁止点击该按钮关闭
                }
            })
        }
        function cancel() {
            window.location.href = "/"
        }
    </script>
</body>

</html>